<template>
  <view class="terminal-state">
    <u-toast ref="uToast"></u-toast>
    <u-no-network></u-no-network>
    <!-- 机具状态 1-未绑定 2-已绑定 status-->
    <!-- hardwareType 2 传统POS 1 电签POS-->
    <!-- activeStatus 1 已激活 -->
    <view class="terminal-state__item">
      <view class="flex u-padding-bottom-20 u-border-bottom">
        <u-image
          :src="thumb"
          width="40"
          height="40"
          class="card__icon mr-10"
        ></u-image>
        <view class=""> 终端SN：{{ item.sn }} </view>
      </view>
      <view
        class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20"
      >
        <view class=""> 终端类型： </view>
        <view class="" v-if="item.hardwareType == '1'"> 电签POS </view>
        <view class="" v-else> 传统pos </view>
      </view>

      <view
        class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20"
      >
        <view class=""> 终端型号: </view>
        <view class="">
          {{ item.hardwareNo }}
        </view>
      </view>
      <view
        class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20"
      >
        <view class=""> 参与活动: </view>
        <view class="">
          {{ item.activityName }}
        </view>
      </view>
      <view
        class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20"
      >
        <view class=""> 绑定商户: </view>
        <view class="">
          {{ item.merSubName }}
        </view>
      </view>
      <view
        class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20"
      >
        <view class=""> 激活状态： </view>
        <view class="" v-if="item.activeStatus == '1'"> 已激活 </view>
        <view class="" v-else> 未激活 </view>
      </view>
      <view
        class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20"
      >
        <view class=""> 绑定时间: </view>
        <view class="">
          {{ item.bindTime }}
        </view>
      </view>
      <view class="flex u-margin-top-20 justify-between u-padding-bottom-20">
        <view class=""> 激活时间: </view>
        <view class="">
          {{ item.activeTime }}
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      thumb: '/static/image/home/icon_terminal_status.png',
      item: {}, // 详情数据
    };
  },
  onLoad(options) {
    // this.item = JSON.parse(decodeURIComponent(this.$route.query.item));
    this.item = JSON.parse(options.item);
    console.log('this.item----->87', this.item);
  },
  onShow() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.terminal-state {
  &__header {
    padding: 20rpx;
    background-color: white;
  }

  &__item {
    background-color: white;
    border-radius: 20rpx;
    margin: 10rpx 20rpx;
    padding: 20rpx;
  }
}

.yellow {
  color: #ff8e00;
}
</style>
